/* Travel site CSS Stylesheet Date: 15-10-2013 (Liakat) */

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic);

*{
	padding:0;
	margin:0;
}

/* body css */
body {
  font-family:'OpenSansRegular', Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height:20px;
  color: #333333;
  background:#111111;
  margin:0;
  padding:0;
}

form{
	margin:0;
}
label{	
	/*font-family:'UniversLTStd59UltraCnRegular', 'OpenSansRegular', Tahoma, Geneva, sans-serif;*/
	/*font-family:'UniversLTStd-Cn', 'OpenSansRegular', Tahoma, Geneva, sans-serif;*/
}
a {
  color: #0088cc;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #005580;
  text-decoration: none;
}

p{
	text-align:left;
	font-size:13px;
	line-height:18px;
	color:#313131;
}

/* header style */
h1, h2, h3, h4, h5, h6 {
	font-family:'OpenSansBold', Tahoma, Geneva, sans-serif;
	color:#0BC5FF;
	font-style:normal;
	font-weight:normal;
	margin:0;
}
/*FONT SIZE*/
h1 {
    font-size: 30px;
    line-height:36px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size:21px;
}
h4 {
    font-size:18px;
}
h5{
    font-size:16px;
}
h6 {
    font-size:14px;
}


/* amar apon style css Liakat - 19-07-2013 */
.wrapper{
	width:100%;
	padding:0;
	margin:0;
	background: url(../images/design/bg_repeat.jpg) repeat left top;
	border-top:1px solid #000;
	
}

/* header part css */
.header_top_bar{
	background:#252525;
	border-top:1px solid #484848;
	border-bottom:1px solid #000;
}
.topbar_content, .footer_container{
	padding:3px 30px;
	position:relative;
}

p.welcome_message{
	font-size:95%;
	font-weight:bold;
	color:#797979;
	text-shadow:1px 1px 1px #000000;
	text-align:left;
	padding:6px 0;
	margin:0;
}
p.welcome_message span{
	color:#16a4ed;
}

ul.top_links {
	text-align:right;
	margin: 0;
	list-style:none;
}
ul.top_links li {
	display:inline-block;
	font-size:95%;
	line-height:30px;
	padding: 0 10px 0 0;
	margin: 0 0px 0 10px;
}
ul.top_links li a {
	color:#878787;
	font-family:'OpenSansSemibold', Tahoma, Geneva, sans-serif;
	font-weight:normal;
	line-height:31px;
	text-shadow:1px 1px 1px #000000;
	transition:color 0.25s linear 0s;
	-webkit-transition:color 0.25s ease-in;
	-moz-transition:color 0.25s ease-in;
	-o-transition: color 0.25s ease-in;
}
ul.top_links li a:hover {
	color:#16a4ed;
	text-decoration:none;
}

.header_navber{
	border-top:1px solid #595959;
	background-color:#212121;
	background-color:#d7d7d7;
	background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #414141, #323232);
}

.navber_content{
	padding:0px 30px;
	position:relative;
}

.site_title{
	display:block;
}
.site_title .logo{
	margin:5px 0;
	display:block;
}

/* horizontal top menu */
.horizontal_menu{
	padding:0;
	margin:0;
}
.horizontal_menu ul{
	list-style:none;
	text-align:right;
	margin:0;
	padding:0;
}
.horizontal_menu ul li{
	list-style:none;
	display:inline-block;
	border-right:1px solid #5f5f5f;
	padding:10px 0;
}
.horizontal_menu ul li a{
	font-family:'Droid Sans', Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:400;
	color:#919191;
	text-align:center;
	text-decoration:none;
	display:block;
	padding:0px 15px;
	height:50px;
	line-height:75px;
	border-right:1px solid #202020;
	outline:none;
}
.horizontal_menu ul li a:hover, .horizontal_menu ul li a.active{
	color:#ffb11b;
	outline:none;
}
.horizontal_menu ul li a.dashboard_nav{
	background:url(../images/design/dashboard_icon.png) no-repeat top center;
}
.horizontal_menu ul li a:hover.dashboard_nav, .horizontal_menu ul li a.active_dashboard{
	background:url(../images/design/dashboard_hover_icon.png) no-repeat top center;
}

.horizontal_menu ul li a.user_management_nav{
	background:url(../images/design/use_management_icon.png) no-repeat top center;
}
.horizontal_menu ul li a:hover.user_management_nav, .horizontal_menu ul li a.active_user_management{
	background:url(../images/design/use_management_hover_icon.png) no-repeat top center;
}

.horizontal_menu ul li a.contacts_nav{
	background:url(../images/design/contacts_icon.png) no-repeat top center;
}
.horizontal_menu ul li a:hover.contacts_nav, .horizontal_menu ul li a.active_contacts{
	background:url(../images/design/contacts_hover_icon.png) no-repeat top center;
}

.horizontal_menu ul li a.contracts_nav{
	background:url(../images/design/contracts_icon.png) no-repeat top center;
}
.horizontal_menu ul li a:hover.contracts_nav, .horizontal_menu ul li a.active_contracts{
	background:url(../images/design/contracts_hover_icon.png) no-repeat top center;
}

.horizontal_menu ul li a.templates_nav{
	background:url(../images/design/template_icon.png) no-repeat top center;
}
.horizontal_menu ul li a:hover.templates_nav, .horizontal_menu ul li a.active_templates{
	background:url(../images/design/template_hover_icon.png) no-repeat top center;
}

/* start container panel */
.container_block{
	padding:30px;	
}
.page_area{
	background:#fff;
	border:1px solid #c9c9c9;
	box-shadow:0 0 5px #cecece;
	border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		-o-border-radius:6px;
}
.page_container {
    padding: 30px;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.page_header{
	border-bottom:1px solid #c9c9c9;
	background-color:#e6e6e6;
	background-color:#dbdbdb;
	background-repeat: repeat-x;
    border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -o-border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -o-border-top-right-radius: 6px;
    background-image: linear-gradient(to bottom, #f7f7f7, #ededed);
}
.page_header h2{
	font-family:'Droid Sans', Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	color:#007fde;
	text-align:left;
	padding:5px 15px;
}
.page_header h2 img{
	padding-right:5px;
}

.page_container h1{
	font-family:'OpenSansLight', Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	text-align:center;
	padding:5px 15px;
	text-shadow:0 1px 0px #000;	
}
/* end container panel */

/* dashboard css */
.dashboard{
}
.dashboard_panel_img{
	text-align:center;
    margin-bottom: 30px;
    padding:40px 0 0;
}
.user_management_panel{
	background:#ffb848;
}

.contracts_panel{
	background:#852b99;
}
.contact_panel{
	background:#28b779;
}
.contracts_template_panel{
	background:#27a9e3;
}

a.dashboard_read_more{
	background:rgba(0,0,0,0.2);
	padding:7px 15px;
	color:#fff;
	display:block;
	text-align:left;
	position:relative;
	margin-top:40px;
}
a:hover.dashboard_read_more{
	background:rgba(0,0,0,0.3);
}
a.dashboard_read_more div.top_arrow{
	position:absolute;
	top:-16px;
	left:20px;
	background:url(../images/design/top_arrow.png) no-repeat top left;
	height:16px;
	width:20px;
}
a:hover.dashboard_read_more div.top_arrow{
	position:absolute;
	top:-16px;
	left:20px;
	background:url(../images/design/top_arrow_hover.png) no-repeat top left;
	height:16px;
	width:20px;
}
a.dashboard_read_more img{
	float:right;
}

span.dashboard_read_more{
	background:rgba(0,0,0,0.2);
	padding:7px 15px;
	color:#fff;
	display:block;
	text-align:left;
	position:relative;
	margin-top:40px;
}
span:hover.dashboard_read_more{
	background:rgba(0,0,0,0.3);
}
span.dashboard_read_more div.top_arrow{
	position:absolute;
	top:-16px;
	left:20px;
	background:url(../images/design/top_arrow.png) no-repeat top left;
	height:16px;
	width:20px;
}
span:hover.dashboard_read_more div.top_arrow{
	position:absolute;
	top:-16px;
	left:20px;
	background:url(../images/design/top_arrow_hover.png) no-repeat top left;
	height:16px;
	width:20px;
}
span.dashboard_read_more img{
	float:right;
}
/* end dashboard css */



/* inner pages css */
.search_panel{
	background:#eaf6ff;
	border-bottom:1px solid #dfe8ef;
	padding:10px 30px;
}
.search_content{
	padding:10px 30px;
}
.search_panel_label{
	width:100px;
}
.search_btn{
	margin-top:25px;
}
table.table tr th{
	background:#0388eb;
	color:#FFFFFF;
}

.fieldset_block{
	margin-top:20px;
}
.fieldset_block fieldset{
	margin-bottom:20px;
	position:relative;
	border:1px solid #b0b5ba;
}
.fieldset_block h4{
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#0388eb;
	padding:0 10px;
}
.fieldset_cotent{
	padding:20px;
}
fieldset {
  border:1px solid #0388eb;
  border-radius:6px;
}

legend {
  width:auto;
  padding:10px;
  margin-bottom:0px;
  border-bottom:0 none;
}
.form-group{
	margin-bottom:10px;
}
.button_group{
	border-top:1px solid #c6c6c6;
	margin-top:10px;
	padding-top:5px;
}
.pagination-sm > li > a, .pagination-sm > li > span{
padding:4px 8px;
}
.pagination_margin{
	margin-top:25px;	
}
.user_card{
	background:#38a4f4;
	border:1px solid #d4d4d4;
	box-shadow:0 0 4px #dbdbdb;
	margin-bottom:15px;
}
.card_left_color{
	background:#38a4f4;
	position:relative;
}
.card_user_pic{
	position:absolute;
	left:20px;
	top:10px;
	border:3px solid #FFF;
}
.card_user_content{
	background:#FFF;
	margin-left:50px;
	padding:10px 10px 10px 30px;
}
.card_user_content h4{
	text-transform:uppercase;
	font-size:14px;
	color:#1f1f1f;
	padding-bottom:3px;
}
.card_user_content p, p.contact_no span{
	font-size:13px;
	color:#9a9a9a;
	line-height:14px;
}
.card_user_content p.contact_no{
	font-size:12px;
	color:#171717;
	line-height:18px;
	padding-top:18px;
}

/* end inner pages css */



/* end header part css */
.footer_container{
	padding-bottom:20px;
}
.copyright_panel{
	background:#010f1c;
	border-top:1px solid #00264a;
	padding-bottom:20px;
	padding-top:10px;
}

.copyright_content{
	color:#656565;
	font-size:11px;
	padding-top:5px;
}

.copyright_info{
	color:#656565;
	text-align:left;
	font-size:11px;
	padding-bottom:20px;
	padding-top:10px;
}
.copyright_info p{
	color:#656565;
	font-size:12px;
	padding:0;
	text-align:left;
	text-transform:capitalize;
}

/* inner pages stylesheet Liakat- 06-10-2013 */
.breadcum_part{
	background:#F8F8F8;
	height:auto;
	width:100%;
}
ul.breadcum_links{
	margin:0;
	padding:5px 0;
	list-style:none;
}
ul.breadcum_links li{
	list-style:none;
	line-height:20px;
	display:inline-block;
}
ul.breadcum_links li a{
	text-decoration:none;
	color:#007dbd;
	text-align:left;
	font-size:12px;
}
ul.breadcum_links li span{
	padding:0 6px;
	color:#007dbd;
}

/* end pager and pagination */

/* end product details */


/* Modify New @media CSS by Liakat 02-10-2013 */

@media (min-width: 768px) {/* line 403*/}

@media (min-width: 992px) {/* line 1070*/}

@media (min-width: 1200px) {/* line 1233*/}

@media (max-width: 768px) {/* line 1576*/}

@media (max-width: 767px) {/* line 4240*/
p.welcome_message{
	text-align:center;
	border-bottom:1px solid #333;
	padding:6px 0 10px;
}
ul.top_links {
	text-align:center;
	padding-bottom:10px;
	padding-top:5px;
}
ul.top_links li {
	line-height:24px;
}
}

@media (max-width: 361px) {/* line 6277*/}

@media (min-width:479px) and (max-width:639px){/* line 6240*/}

@media (min-width:993px) and (max-width:1025px){/* line 6240*/}

@media screen and (min-width: 768px) {/* line 4942*/}

@media screen and (max-width: 400px) {/* line 6240*/}

@media (min-width: 768px) and (max-width: 991px) {/* line 6277*/}

@media (min-width: 992px) and (max-width: 1199px) {/* line 6290*/}
	
	

/* NEW CSS START FOR TEMPLATES & CONSENT PAGE lIAKAT - 23-10-2013 */
.copyright_panel{
	background:#111111;
	color:#656565;
}
.copyright_info p{
	color:#656565;
}
.templates_blocks{
	margin-bottom:20px;	
}
.templates_blocks a.template_file{
	background:#FFB11B;
	text-align:left;
	font-size:24px;
	font-weight:700;
	font-family:'Droid Sans', "Times New Roman", Times, serif;
	text-transform:capitalize;
	color:#252525;
	display:block;
	padding:15px 10px;
	
		border-radius:10px;
			-moz-border-radius:10px;
				-webkit-border-radius:10px;
					-o-border-radius:10px;
}
.templates_blocks a:hover.template_file{
	background:#252525;
	color:#fff;
}
a.template_file img{
	text-align:left;
	margin-right:10px;
}

.consent_form_field div.form-group, .consent_form_field div.button_group{
	margin-bottom:20px;
}



/* Login CSS Liakat- 12-12-2013 */
.body_bg{
	background:url(../images/design/bg_reapet_gird.jpg) repeat left top;
}
.login_area{
	/*width:700px;*/
	padding:60px 0px 25px;
/*	margin:0 auto;
	min-height:515px;*/
	/*background:url(../images/design/log_bg_trans.png) no-repeat top center;*/
/*	background:url(../images/design/log_bg_shadow.jpg) no-repeat top center;*/
}
.login_title{
	padding-top:50px;
	padding-bottom:25px;
	color:#FFFFFF;
	text-align:center;
	font-size:24px;
}
.login_box{
	background:url(../images/design/login_bg.jpg) repeat-x left top;
	height:328px;
	max-width:600px;		
	margin:0 auto;
	border:4px solid #c15600;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px;
	box-shadow:0 0 15px #111111;
	-moz-box-shadow:0 0 15px #111111;
	-webkit-box-shadow:0 0 15px #111111;
	-o-box-shadow:0 0 15px #111111;
}
.login_box_content{
	padding:20px 10%;
}
.login_box_logo{
	display:block;
	margin:10px 0 30px;
}
.sign_consent_logo{
	display:block;
	max-width:460px;
	margin:0 auto;
	margin-top:50px;
}
.checkbox_btn{
	padding:0;
	margin-top:3px;
	float:left;
}
.lable_type{
	font-size:14px;
	color:#002241;
	padding-left:20px;
	display:block;
}
.inputbox{
	background:url(../images/design/inputbox_bg.png) no-repeat;
	border:0 none;
	width:258px;
	padding:5px 2px 2px 10px;
	height:33px;
	color:#6d6d6d;
	font-size:14px;
	margin-bottom:15px;
}

.login_box_form{
/*	float:left;
	padding:20px 10px 10px 20px;
	width:250px;*/
	padding:0 40px;
}
.login_btn{
	background:url(../images/design/logi_btn_bg.jpg) repeat-x;
	width:100px;
	border:0 none;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	display:inline-block;
	cursor:pointer;
	padding:2px 0 8px 0;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
}
.forgot_password{
	padding-top:15px;
	margin:0;
}
.forgot_password a{
	font-size:14px;
	color:#002241;
	display:block;
	text-decoration:none;
}
.forgot_password a:hover{
	color:#FFF;
	text-decoration:underline;
}

.sign_consent_content{
	display:block;
	margin-top:30px;
	margin-bottom:50px;
	background:#FFF;
	border:4px solid #c15600;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	box-shadow:0 0 15px #111111;
	-moz-box-shadow:0 0 15px #111111;
	-webkit-box-shadow:0 0 15px #111111;
	-o-box-shadow:0 0 15px #111111;
}

.sign_consent_container{
	padding:3% 5%;
}
.yvd_terms_conditions{
	padding-top:10px;
}
.sign_consent_container h1{
	color:#810494;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #fc7100;
	font-family:'Droid Serif', Georgia, "Times New Roman", Times, serif;
	font-weight:700;
}

.sign_consent_container h5{
	padding-bottom:5px;
	font-weight:700;
	font-family:'Droid Serif', Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#fc5f00;
}
.sign_consent_container p{
	color:#3f3f3f;
	padding-bottom:10px;
	margin:0;
}
ul.consent_list{
	margin-left:40px;
	padding-bottom:10px;
}
ul.consent_list li{
	font-size:13px;
}

.sign_consent_container form.form-inline .checkbox{
	display:block;
	margin-bottom:5px;
}
.sign_consent_container form.form-inline .checkbox label input{
	margin-right:5px;
}
.sign_consent_container form.form-inline .checkbox label{
	font-size:13px;
}

.validation_message
{
    color: Red;
    font-size: 10px;
}

.table_header_link
{
    color: white;
}
.table_header_link:hover
{
    color: #ffb11b;
}
.sort_icon
{
    margin-left:5px;
}
#MainContent_grid .form-control {
    font-size: 12px;
    padding: 1px 3px;
    height: auto;
}
#MainContent_grid tbody tr td {
    padding: 2px 8px;
}
.count-page.fixed {
    position:fixed;
    top:0;
}
.block {
    height:190px;
    width: 25%;
    float:left;
    padding-left: 15px;
    padding-right: 15px;
}